<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Countries of the World</title>
		<script src="scripts/sessionstorage.1.4.js" type="javascript"></script>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
		<script type="text/javascript" src="scripts/scripts.js" ></script>
	</head>	
	<body onLoad="javascript:startCourse();javascript:visitHome()">
		<nav id= "navPages">
		    <a href="index.html">Home</a>
			<a href="germany.html">Germany</a>
			<a href="indonesia.html">Indonesia</a>
			<a href="sweden.html">Sweden</a>
			<a href="uae.html">UAE</a>
			<a href="quiz.html" id="quiz-link">Quiz</a>
		</nav>
		
		<section>
		<div id="main-content">
			<header>
				<h1>Home</h1>
			</header>
		<p id="intro">On this website, you will learn about four countries of the world. They are Germany, Indonesia, Sweden and United Arab Emirates (UAE).On completion of browsing all the countries pages you can see the quiz page.</p>
       <img src="graphics/germany.svg" width="200" height="132"   alt ="Flag of Germany" title ="Flag of Germany"/>			
       <img src="images/germany.jpg"  width="200" height="132"  alt ="Picture of Germany" title ="Picture of Germany"/>
      
       <img src="graphics/indonesia.svg" width="200" height="132"  alt ="Flag of Indonesia" title ="Flag of Indonesia"/>
       <img src="images/indonesia.jpg" width="200" height="132" alt ="Picture of Indonesia" title ="Picture of Indonesia"/> 
         
      <img src="graphics/sweden.svg"  width="200" height="132"  alt ="Flag of Sweden" title ="Flag of Sweden"/>
      <img src="images/sweden.jpg" width="200" height="132" alt ="Picture of Sweden" title ="Picture of Sweden"/>
      
      <img src="graphics/uae.svg"  width="200" height="132" alt = "Flag of UAE" title="Flag of United Arab Emirates"/>
      <img src="images/uae.jpg" width="200" height="132" alt = "Picture of UAE" title="Picture of UAE"/> 
       <img src="images/quiz.jpg" width="200" height="132" alt = "Quiz" title="Quiz"/>          

        </div>
			
		</section>
		
			<footer>
          
        <section id="Citations">  
            
            <h1 id= "Refs" >References</h1>
          	<cite><a href="http://www.Wikipedia.com">Wikipedia </a></cite> <br>
          	<cite><a href="https://www.cia.gov/library/publications/the-world-factbook/docs/flagsoftheworld.html">CIA-The WorldFactbook </a></cite> <br>
			 Using Google Chrome
        </section> 
       
	
        
		</footer>
	</body>
</html>